<!DOCTYPE html>

<html lang="en">
  <meta charset="UTF-8">
  <head>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>
    
    <div class="container">
        <img src="./image/lunar32.png" alt="">
        <span class="name">CodeBlock CopyButton</span>
    </div>
    <p class="present">
      CodeBlock CopyButton 是一个方便开发者复制代码块的工具，它为用户提供一个简单易用的按钮，当用户遇到代码块时，只需点击该按钮，即可弹出一个窗口，展示代码块的内容，并提供复制功能。
      该功能的设计初衷是为了解决在开发过程中经常遇到需要复制代码块的情况。通过引入 CodeBlock CopyButton，开发者无需手动选择和复制代码块，只需一键点击按钮，即可快速复制代码块的内容，提高开发效率。
    </p>
    <div class="fotter">
      <div class="buttonColor">代码块按钮颜色：</div>
      <button id="initializeBtn"></button>
    </div>
    <!-- <div id="overlay">
      <div class="content">
        <p>这是一个弹框蒙层示例</p>
        <button id="hideOverlay">关闭蒙层</button>
      </div>
    </div> -->
    <script src="popup.js"></script>
  </body>
</html>